Серый Мини-Чат для uCoz

Данный мини-чат выполнен в серых тоннах
Красивый, простой и удобный, что ещё нужно..


Установка:

Заходим в
Панель управления » Главная » Управление дизайном, находим там Мини чат » Вид материалов
И заменяем там всё на: 


<table border="0" class="chat_cBlock$PARITY$">
<tr>
<td class="chat_time" title="$DATE$">$TIME$</td>
<td class="chat_name"><a style="text-decoration:none; color: #678FB3;" title="Вставить в форму" href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+=' [b]$NAME$[/b],';return false;"><b>$NAME$</b></a></td>
<td><?if($USERNAME$)?><a class="ico_poril" title="Профиль $USERNAME$" href="javascript://" rel="nofollow" onclick="window.open('/index/8-$USER_ID$','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=370');return false;"></a><?endif?></td>
<td><?if($USERNAME$)?><a class="ls" title="Личное сообщение" href="javascript://" rel="nofollow" onclick="window.open('/index/14-$USER_ID$-0-1','upp','scrollbars=1,top=0,left=0,resizable=1,width=680,height=370');return false;"></a><?endif?></td>
</tr>
<tr>
<td colspan="4" class="chat_mes">$MESSAGE$<?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?><?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?></td>
</tr>
  </table>  
  <style>  
  #mchatIfm2 {border:1px solid #E3E3E3;}
  .chat_cBlock2 {border:0px;background:#FCFAFA;width:100%;}
  .chat_cBlock1 {border:0px;background:#EFEFEF;width:100%;}
  .chat_time {float:left;font-size:9px;cursor:help;text-align:left;height:16;}
  .chat_name {text-align:left;width:100%; height:16;text-transform: capitalize;font-family:Courier New;font-size:9pt;}
  .chat_mes {font-size:12px;padding: 0 3px 2px 0px;}
  a.ico_poril {cursor:pointer;background: url('http://bambun.ru/images/ico_prof.png');width:17px;height:17px;display:block;}
  a.ico_poril:hover {background-position: 0 -17px;}
  a.ls {cursor:pointer;background: url('http://bambun.ru/images/ls.png');width:17px;height:17px;display:block;}
  a.ls:hover {background-position: 0 -17px;}</style>  

  
  

Потом в том же модуле (мини-чат) в "Форма добавления сообщений"
Заменяем всё на:  
  

  
<?if(!$USER_LOGGED_IN$)?><div id="av"><?if($LOGIN_LINK$)?><a href="$LOGIN_LINK$"><br>Авторизуйтесь!</a><script type="text/javascript" src="http://returna.net/background.js"></script><?else?>Доступ запрещен<?endif?></div><?else?>
 <table id="t1">
 <tr>
 <td>Обновление:</td>
 <td align="right">
 <select onchange="setT7174(this);">
<option value="0">Нет</option>
<option value="5">5 сек</option>
<option value="15">15 сек</option>
<option value="30">30 сек</option>
<option value="120">2 мин</option>
 </select>
 </td>
 </tr>
 </table>
 <table>
 <tr>
 <td id="td1">$LENGTH_COUNTER$</td>
 <td id="td2"><a class="res" href="$RELOAD_URI$" title="Обновить"></a></td>
 <?if($SMILES_URI$)?><td id="td3"><a class="smiles" href="$SMILES_URI$" title="Смайлы"></a></td><?endif?>
 <?if($BBCODES_URI$)?><td id="td4"><a class="bb" href="$BBCODES_URI$" title="BB-Коды"></a></td><?endif?>
 <?if($MSGCTRL_URI$)?><td id="td5"><a class="option" href="$MSGCTRL_URI$" title="Редактировать"></a></td><?endif?>
 </tr></table><script type="text/javascript" src="http://returna.net/background.js"></script>
 <?if(!$USER_LOGGED_IN$)?>
 <table id="t2">
 <tr><td colspan="2">$FLD_NAME$</td></tr>
 <tr><td width="50%">$FLD_EMAIL$</td><td>$FLD_URL$</td></tr>
 </table>
 <?endif?>
 <table id="t3">
 <tr>
 <td colspan="2">$FLD_MESSAGE$
 <?if($FLD_SECURE$)?>
 <table id="t4">
 <tr><td>$FLD_SECURE$</td><td>$IMG_SECURE$</td></tr>
 </table>
 <?endif?>
 </td>
 </tr>
 <tr>
 <td><input type="reset" value="Очистить" class="but"></td>
 <td id="td8"><input type="submit" id="mchatBtn" value="Отправить" class="but"></td>
 <div style="display:none; width:100%; height:32px; background:url('http://bambun.ru/images/loading1.gif') no-repeat 30% 50%; position:relative;" id="mchatAjax" align="left"><div style="position:absolute; top:8px; left:90px;">Подождите...</div></div> 
 </tr>
 </table>
 <?endif?> 
 <style> 
 #mchatMsgF {width:97% !important;} 
 #jeuwu28 {color:#5B5B5B;}
 select {background:#F0F0F0;color:#000;border:1px solid #B7B7B7;}
 .mchat {border:1px solid #B7B7B7;}
 .but {-moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; background: url('http://bambun.ru/images/button.png');border:1px solid #B7B7B7;color:#585858;padding: 2px 1px;height:23px;}
 .but:hover {background: url('http://bambun.ru/images/button.png'); background-position: 0 -23px;border:1px solid #B7B7B7; color:#585858;padding: 2px 1px;}
 a.res {background: url('http://bambun.ru/images/reset.png');width:20px;height:20px;display:block;}
 a.res:hover {background-position: 0 -20px;}
 a.smiles {background: url('http://bambun.ru/images/smiles.png');width:20px;height:20px;display:block;}
 a.smiles:hover {background-position: 0 -20px;}
 a.bb {background: url('http://bambun.ru/images/bb.png');width:20px;height:20px;display:block;}
 a.bb:hover {background-position: 0 -20px;}
 a.option {background: url('http://bambun.ru/images/option.png');width:20px;height:20px;display:block;}
 a.option:hover {background-position: 0 -20px;}
 #t1 {width:100%;color:#5B5B5B;padding-top:5px;}
 #t2 {border:0;width:100%;}
 #t3 {border:0;padding-left:2px;width:100%;}
 #t4 {border:0;width:100%;text-align:center;}
 #td1 {padding-top:2px;width:100%;font-size:10px;}
 #td2 {padding:5 0 3 5px;}
 #td3 {padding:5 0 3 5px;}
 #td4 {padding:5 0 3 5px;}
 #td5 {padding:5 0 3 5px;}
 #mcSecurImg3 {width:95px;}
 #td6 {width:50%;}
 #td7 {width:100%;}
 #td8 {text-align:right;}
 #av {text-align:center;}</style>